<template>
  <div class="">
    <div class="dibu">
      <div class="conte">
        <div class="zuo">
          <p class="name">港交所上市企业中国恒大（03333.HK）</p>
          <p class="num">
            <span class="n1" id="gu1">1.600</span
            ><span class="n2" id="gu2">1.600 (3.23%)</span>
          </p>
        </div>
        <div class="you">
          <p class="p1">恒大集团©版权所有 Evergrande Group</p>
          <p class="p2">
            备案号:粤ICP备09102168号 &nbsp;&nbsp;法律声明 &nbsp;&nbsp;邮箱登录 &nbsp;&nbsp;联络我们 &nbsp;&nbsp;技术支持
          </p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  props: [],
  data() {
    return {};
  },
  components: {},
  computed: {},
  beforeMount() {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang='less' scoped>
.dibu {
  background-color: #f5eedc;
  height: 200px;
  .conte {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    .naem{
      color: #6b4430;
    }
    .n1 {
      font: 24px "novecento";
      color: #3f3830;
    }
    .n2 {
      margin-left: 10px;
      font: 20px "novecento";
      color: #ff0011;
    }
    .you {
      margin-left: 400px;
      .p1 {
        margin-bottom: 5px;
        color: #8e8e8e;
        text-align: right;
      }
      .p2 {
         margin-bottom: 5px;
      color: #8e8e8e;
      text-align: right;
      }
     
    }
  }
}
</style>